<template>
  <div class="index">
    <router-view></router-view>
    <Tabbar :data="tabbarData"></Tabbar>
  </div>
</template>
<script>
import Tabbar from "../components/Tabbar";
export default {
  name: "index",
  data() {
    return {
      tabbarData: [
        { title: "首页", icon: "home", path: "/home" },
        { title: "订单", icon: "file-text-o", path: "/order" },
        { title: "个人中心", icon: "user", path: "/me" },
      ],
    };
  },
  components: {
    Tabbar,
  },
};
</script>
<style scoped>
.index {
  width: 100%;
  height: calc(100% - 45px);
}
</style>